<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!--<link rel="stylesheet" type="text/css" th:href="@{/bootstrap/css/bootstrap.css}">-->
    <link th:href="@{/bootstrap/css/bootstrap.min.css}" rel="stylesheet">

    <link rel="stylesheet" type="text/css" th:href="@{/css/hello.css}">


    <script type="text/javascript" th:src="@{/js/jquery-3.3.1.js}"></script>
    <script type="text/javascript" th:src="@{/js/js.cookie.js}"></script>
    <script type="text/javascript" th:src="@{/js/hello.js}"></script>
    <script type="text/javascript" th:src="@{/js/change_page.js}"></script>
    <!--<script type="text/javascript" th:src="@{/bootstrap/js/bootstrap.js}"></script>-->
    <script th:src="@{/bootstrap/js/bootstrap.min.js}"></script>

    <title>个人中心</title>
</head>
<!--在FunctionController-->
<script type="text/javascript">
    $(function () {
        showAmountFlags();
    });
</script>
<body style="background-color: transparent">
<div class="container-fluid">
    <div class="hello-main">

        <!--<ol class="breadcrumb" style="background-color: transparent">-->
        <!--<li><a href="#">Home</a></li>-->
        <!--<li><a href="#">Library</a></li>-->
        <!--<li class="active">Data</li>-->
        <!--<li class="active" th:text="${username}"></li>-->
        <!--</ol>-->
        <ul id="sub_pages_ul" class="nav nav-tabs nav-justified">
            <li id="sub_page0" role="presentation" class="active"><a href="javascript:void(0)"
                                                                     onclick="change_page(0, '0')">Home</a></li>
            <li id="sub_page1" role="presentation"><a href="javascript:void(0)" onclick="change_page(1, 'myFile')">文件
                <span class="badge" id="file_amount_flag"></span></a></li>
            <li id="sub_page2" role="presentation"><a href="javascript:void(0)" onclick="change_page(2, 'myMemo')">便签
                <span class="badge" id="memo_amount_flag"></span></a></li>
            <li id="sub_page3" role="presentation"><a href="javascript:void(0)" onclick="change_page(3, 'myFriend')">好友</a></li>
            <li id="sub_page4" role="presentation"><a href="javascript:void(0)" onclick="change_page(4, 'myMsg')">消息
                <span class="badge" id="msg_amount_flag"></span></a></li>
            <li id="sub_page5" role="presentation"><a href="javascript:void(0)" onclick="change_page(5)">She</a></li>

        </ul>


        <div id="hello-nav-text" style="margin-top: 50px">
            <h1>Hello, World!</h1>
            <p class="lead">This web project has already been open source on github. </p>
            <p class="text-uppercase" style="display: inline">To see source code. Here is the link: </p><a href="goSource" target="_blank">https://github.com/TreeeLiked/darkme</a>
            <br>
            <br>
            <p>
            Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

            Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.

            Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
            </p>
            <hr>

            <ul>
                <li class="lead">文件gsng</li>
                <li class="lead">便签fun</li>
                <li class="lead">好友lmxi</li>
                <li class="lead">便签jiui</li>
            </ul>

            <blockquote class="blockquote-reverse">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
                <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
            </blockquote>
        </div>
        <div>
            <iframe id="content-main" width="100%" height="600px" frameborder="0" style="margin-top: 30px"></iframe>
        </div>
        <!--<div class="page-header">-->
        <!--<h1 th:text="${username}" style="display: inline"><small th:text="个人中心"></small></h1><h1 style="display: inline"><small>个人中心</small></h1>-->
        <!--</div>-->


    </div>
</div>
</body>
</html>